<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>Catatan Si Boy for Iphone, Android & Smartphone Mobile Website Template | Home :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Dayoh Iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(
hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,800,700' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet' type='text/css'>
<script src="./js/jquery.min.js"></script>				
</head>
<body>
<!-- header -->
	<div class="banner">
  	    <div class="container">
			<div class="logo">
				<a href="index.html"><img src="./images/logo.png" class="img-responsive" alt="" /></a>
			</div>
		</div> 
			<div class="header-bottom">
				<div class="container">
					<div class="head-nav">
						<span class="menu"> </span>
							<ul>
								<li><a href="index.html">Home</a></li>
								<li class="active"><a href="about.html">About</a></li>
								<li><a href="index.html">Categories</a></li>
								<div class="clear"> </div>
						</ul>
				</div>
				<!-- script-for-nav -->
					<script>
						$( "span.menu" ).click(function() {
						  $( ".head-nav ul" ).slideToggle(300, function() {
							// Animation complete.
						  });
						});
					</script>
				<!-- script-for-nav -->		
					<div class="search" style="display: none;">
						<form action="search.html">
							<input type="text" value="Search something" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Search something';}" class="text">
							<input type="submit" value="">
						</form>
							<div class="close"><img src="./images/search_close.png" alt="" /></div>
					</div>
						<div class="right"><button> </button></div>
						<div class="clear"> </div>
						<script type="text/javascript" src="./js/script.js"></script>
						<script type="text/javascript">
							$('.search').hide();
							$('button').click(function (){
							$('.search').show();
							$('.text').focus();
							}
							);
							$('.close').click(function(){
							$('.search').hide();
							});
						</script>
				</div>
			</div>
	</div>
<!-- header -->
<!-- content -->
	<div class="container">
		<div class="content">
	<!-- about -->
	<div class="about">
		<div class="col-md-5">
		<img src="./images/book.jpg" class="img-responsive" alt="" />
		</div>
		<div class="col-md-7">
				<h2>Lorem ipsum dolor sit amet</h2>
				<p>Sugar plum jelly beans fruitcake lollipop jelly candy pudding. Cookie biscuit gingerbread jujubes macaroon liquorice.  </p>
				<p>Faworki bonbon marshmallow caramels applicake soufflé tart gummi bears liquorice. Donut danish pie apple pie pastry . </p>
				<p>tiramisu topping. Ice cream cookie gummi bears cotton cake.consectetuer adipiscing elit, sed diam nonummy nibh euismod. </p>
			</div>
				<div class="clear"> </div>
			<div class="col-md-12">
				<p>jelly beans fruitcake lollipop jelly candy pudding. Cookie biscuit gingerbread jujubes macaroon applicake soufflé . </p>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore . </p>
				<p>facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue .</p>
			</div>
			<div class="clear"> </div>
				<a class="more" href="#">Read More</a>
	</div>
	<!-- about -->
		</div>	
	</div>
<!-- content -->
<!-- footer -->
	<div class="footer">
		<div class="container">
			<p>Template by <a href="http://w3layouts.com" target="_blank"> w3layouts</a></p>
			<div class="social">
				<ul>
					<li><a href="#"><i class="fb"> </i></li></a>
					<li><a href="#"><i class="twt"> </i></li></a>
						<div class="clear"></div>
				</ul>
			</div>
		</div>
	</div>
<!-- footer -->
</body>
</html>